import React,{PureComponent} from 'react'
class App extends PureComponent{
  handClick(params,e){
    console.log(params)
    console.log(e)
  }
  handClick1=(params,e)=>{
    console.log(params)
    console.log(e)
  }
  handClick2=(e)=>{
    console.log(e.currentTarget.dataset.params)
    console.log(JSON.parse(e.currentTarget.dataset.params))
  }
  render(){
    return(
      <React.Fragment>
        {/* 事件传参方式1 使用bind() */}
        <button onClick={this.handClick.bind(this,[1,2,3,4,5])}>事件传参方式1</button>
        {/* 事件传参方式2 使用箭头函数 */}
        <button onClick={(e)=>{this.handClick1([{name:'tom',age:18}],e)}}>事件传参方式2</button>
        {/* 事件传参方式3 使用data属性 */}
        <button data-params={JSON.stringify(['a','b','c','d'])} onClick={this.handClick2}>事件传参方式3</button>
      </React.Fragment>
    )
  }
}
export default App